<template>
	<view>
		<view class="header">
			<view class="box">
				<text>衡水站</text>
				<view class="center">
					<uni-icons type="right" size="10"></uni-icons>
					<text>|</text>
					<uni-icons type="search" size="20"></uni-icons>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'nav-bar',
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.header {
		padding-top: var(--status-bar-height);
		height: 80rpx;
		display: flex;
		align-items: center;
		.box {
			height: 60rpx;
			display: flex;
			align-items: center;
			border-radius: 20rpx;
			border: 2rpx solid #eee;
			width: 200rpx;
			// margin-left: 20rpx;
			padding-left: 20rpx;
			.center {
				display: flex;
				align-items: center;
				text {
					margin: 0 4rpx;
				}
			}
		}
	}
</style>